<template>
  <div class="mainMenu">
    <div class="container">
      <ul style="margin-bottom: 0">
        <li>
          <a href="">
            <img src="../assets/img/index/svg/main_menu/ia_10001.svg" alt="" />
            <span>御 Mavic</span>
          </a>
        </li>
        <li>
          <a href="">
            <img src="../assets/img/index/svg/main_menu/ia_10002.svg" alt="" />
            <span>灵眸 Osmo</span>
          </a>
        </li>
        <li>
          <a href="">
            <img src="../assets/img/index/svg/main_menu/ia_10003.svg" alt="" />
            <span>DJI FPV</span>
          </a>
        </li>
        <li>
          <a href="">
            <img src="../assets/img/index/svg/main_menu/ia_10004.svg" alt="" />
            <span>精灵 Phantom</span>
          </a>
        </li>
        <li>
          <a href="">
            <img src="../assets/img/index/svg/main_menu/ia_10005.svg" alt="" />
            <span>如影 Ronin</span>
          </a>
        </li>
        <li>
          <a href="">
            <img src="../assets/img/index/svg/main_menu/ia_10006.svg" alt="" />
            <span>机甲大师</span>
          </a>
        </li>
        <li>
          <a href="">
            <img src="../assets/img/index/svg/main_menu/ia_10007.svg" alt="" />
            <span>悟 Inspire</span>
          </a>
        </li>
        <li>
          <a href="">
            <img src="../assets/img/index/svg/main_menu/ia_10008.svg" alt="" />
            <span>行业应用</span>
          </a>
        </li>
        <li>
          <a href="">
            <img src="../assets/img/index/svg/main_menu/ia_10009.svg" alt="" />
            <span>睿炽科技 | 特洛</span>
          </a>
        </li>
        <li>
          <a href="">
            <img src="../assets/img/index/svg/main_menu/ia_10010.svg" alt="" />
            <span>增值服务</span>
          </a>
        </li>
        <li>
          <a href="">
            <img src="../assets/img/index/svg/main_menu/ia_10011.svg" alt="" />
            <span>创意周边</span>
          </a>
        </li>
      </ul>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss">
@import "@/assets/scss/base.scss";
.mainMenu {
  background-color: white;
  ul {
    display: flex;
    li {
      height: 112px;
      width: 10%;
      padding: 16px 0 15px;
      box-sizing: border-box;
      img {
        height: 56px;
      }
      span {
        display: block;
      }
    }
  }
}
</style>